创建丰富元件
本 Fireworks 版本引入了全新的和增强的元件功能。使用 JavaScript (JSF) 文件可以创建能够智能缩放和指派特定属性的图形元件。通过将这些元件拖至文档并使用新的“元件属性”面板编辑与这些元件相关的参数,可以快速创建用户界面模型。
丰富元件 |
|
---|---|
“元件属性”面板 |
此新面板是智能图形元件属性的控制中心。 |
增强的图形元件 |
图形元件的增强功能允许使用 JavaScript 创建可自定义的元件属性。 |
元件库 |
本软件版本中包括一个使用新功能的预先设计的图形元件库。可以自定义这些元件,使其与特定网站或用户界面的外观相适应。 |
交换元件 |
设计文档时,可以使用新增的“交换元件”功能轻松交换元件。 |
有关详细信息,请参阅创建和使用丰富的图形元件。
元件的智能缩放
从传统意义来说,将缩放变形应用于元件时,整个对象作为单个单元进行变形。对于某些种类的对象(特别是具有样式角的几何形状),结果是外观上有些扭曲的元件。
Fireworks CS3 引入了动态新功能(称为 9 切片缩放),用于以智能方式缩放矢量元件或位图元件。通过将一组辅助线置于图片上,可以确切定义元件每一部分的缩放方式。可以指定九个不同区域中的任何一个仅沿水平方向缩放、仅沿垂直方向缩放、同时沿水平和垂直方向缩放或根本不缩放。也可以将此功能(默认情况下处于打开状态)设置为仅缩放三个区域。9 切片缩放与新增的“自动形状”库组合时,在创建网站和应用程序原型时比以往的速度更快。
缩放而不发生扭曲 |
|
---|---|
新的 9 切片缩放工具 |
启用 9 切片缩放功能,可以缩放矢量和位图元件而不扭曲其几何形状。可以根据元件的形状使用 3 或 9 切片来缩放元件。 |
有关详细信息,请参阅使用 9 切片缩放。
向单个文档添加多个页面
在改进 Web 设计工作流程的不停的努力中,Fireworks CS3 使得使用单个 PNG 文件构建复杂的多页面 Web 原型变得非常容易。每个页面都包含各自的画布文档、大小、颜色、图像分辨率以及辅助线的设置。这些设置可以在每个页面的基础上进行设置,也可以在文档的所有页面中以全局方式进行设置。
Fireworks 层将多页面概念向前推进了一步,可应用于单个页面或在页面间共享。共享时,层将以黄色遮盖,使其与未共享的层区分开来。为了快速创建原型,可以使用多个页面上的超链接和热点行为创建工作流程。还可以在浏览器中预览所有页面,或同时将其全部导出为多个 HTML 页面。
轻松创建原型 |
|
---|---|
新的“页面”面板 |
使用新的“页面”面板可以轻松访问 PNG 文件中的所有页面。 |
在页面上应用层 |
层可以应用于单个页面,也可在多个页面间共享。共享时,层将显示为黄色,以便与未共享的层区分。 |
使用主页保存公用元素 |
可以选择使用主页来保存所有页面的公用元素。 |
有关详细信息,请参阅使用页面。
创建基于 Flash 的幻灯片放映
可以自动创建图像幻灯片放映。通过“创建幻灯片放映”命令,可以在不知道如何使用 Flash 的情况下创建 Flash 幻灯片放映。您只需选择包含图像的文件夹,添加幻灯片放映选项(如幻灯片过渡),选择 Fireworks 相册播放器(Flash 模板)用于最终输出,并对所需的针对 Web 优化的缩略图图像和完全尺寸的图像自动进行批处理。
无需了解 Flash 便可创建 Flash 幻灯片放映 |
|
---|---|
“创建幻灯片放映”功能 |
从“命令”菜单选择“创建幻灯片放映”可启动此新工具。 |
有关详细信息,请参阅创建幻灯片放映。
具有层次结构的层
在 Fireworks CS3 中,文档中的层可以根据需要采用简单结构或复杂结构,系统将保留所有具有层次结构的层。创建新文件时,将在同一级别以非层次结构方式组织所有项目。可以根据需要创建新的子层并将项目移到这些子层中,也可以随时将元素从一层移动到另一层。还可以创建多个子层并对其进行分组。
使用层获取更大的设计灵活性 |
|
---|---|
具有层次结构的层 |
可以根据需要使用“层”面板创建和组织层。 |
有关详细信息,请参阅使用层。
使用 Photoshop 文件
使用 Fireworks CS3,可以从 Photoshop 中直接导入本机文件。Adobe 实现了全新级别的功能,重新定义了集成的概念。Fireworks 设计小样和图像现在可以另存为本机 Photoshop 文件,并可在 Photoshop 或 Fireworks CS3 中打开时保留图层信息。
改进的 Photoshop 兼容性 |
|
---|---|
Photoshop 图层效果 |
Photoshop 提供了诸如阴影、光晕、斜角、层叠和笔触等各种效果,使用户可以更改图层内容的外观。现在,在导入或打开 PSD 文件时,Fireworks CS3 保留了这些可编辑的 Photoshop 图层效果。通过从“属性”检查器的“动态滤镜”工具中选择“Photoshop 动态效果”,您现在还可以将 Photoshop 图层效果直接应用到 Fireworks 中的任何对象。 |
Photoshop 混合模式 |
Fireworks CS3 包括七种常用的 Photoshop 混合模式(溶解、线性加深、线性减淡、亮光、线性光、点光以及实色混合)。 |
在打开 PSD 文件时保留具有层次结构的图层 |
Fireworks CS3 现在支持具有层次结构的图层结构,因而在从 Photoshop 中导入文件时,可以保留图层和子图层信息。 |
有关详细信息,请参阅与 Photoshop 一起使用。
将 Fireworks 文件导入 Adobe Flash
现在,通过复制和粘贴或通过直接导入 Fireworks PNG 文件,您可以将内容从 Fireworks CS3 快速移动到 Flash CS3 Professional。同时保留了重要的结构,包括多个页面、共享的图层、具有层次结构的图层、帧、9 切片缩放设置以及许多效果。Fireworks 中的原型创建和 Flash 中的开发变得更轻松了。
有关详细信息,请参阅与 Flash 一起使用。
RIA 布局的 Flex 集成
随着设计人员继续推动技术的发展,效率更高的工具和集成变得比以往任何时候都更重要。Fireworks CS3 可将公用库资源导出为已知的组件,以便在 Adobe Flex™ Builder™ 中使用,从而有助于下一代丰富 Internet 应用程序(称为 RIA)的开发。同时还保持了样式和绝对位置。
最明显的优点是,您无需进行任何操作,因为 Fireworks 将为您导出所需的 Flex 代码 (MXML)。现在,您可以轻松地在 Fireworks 中创建 Flex 应用程序布局,充分利用 Flex 公用库资源,将其作为 MXML 载入到 Flex Builder 中。
使用 Illustrator 文件
可以在 Fireworks 中打开 Illustrator 文件的同时保留具有层次结构的图层、图案、链接的图像、文本属性、透明度等。Fireworks 还包含导出到 Adobe Illustrator 8.0 的导出选项。
有关详细信息,请参阅关于与 Illustrator 一起使用。
有关新功能的更多信息,请访问 Adobe 网站上的 Fireworks 网页,网址为 www.adobe.com/go/fireworks_productinfo_cn。
Adobe Bridge
使用 Adobe Bridge(下一代文件浏览器)简化 Fireworks、Adobe Creative Suite 中的文件处理。有效地浏览、标记、搜索和处理图像。结合使用 Bridge 和 Fireworks 意味着,您可以在文件中充分利用 XMP 元数据。Adobe XMP(可扩展元数据平台)是一种技术,可帮助用户将文件信息添加到以 PNG、GIF、JPEG、Photoshop 和 TIFF 格式保存的文件中,并为 Adobe 软件与其它支持 XMP 元数据标准的系统之间的元数据交换提供了便利。
有关详细信息,请参阅关于 Adobe Bridge。